Always private
DuckDuckGo never tracks your searches.
Learn More
You can hide this reminder in Search Settings
All regions
Argentina
Australia
Austria
Belgium (fr)
Belgium (nl)
Brazil
Bulgaria
Canada (en)
Canada (fr)
Catalonia
Chile
China
Colombia
Croatia
Czech Republic
Denmark
Estonia
Finland
France
Germany
Greece
Hong Kong
Hungary
Iceland
India (en)
Indonesia (en)
Ireland
Israel (en)
Italy
Japan
Korea
Latvia
Lithuania
Malaysia (en)
Mexico
Netherlands
New Zealand
Norway
Pakistan (en)
Peru
Philippines (en)
Poland
Portugal
Romania
Russia
Saudi Arabia
Singapore
Slovakia
Slovenia
South Africa
Spain (ca)
Spain (es)
Sweden
Switzerland (de)
Switzerland (fr)
Taiwan
Thailand (en)
Turkey
Ukraine
United Kingdom
US (English)
US (Spanish)
Vietnam (en)
Safe search: moderate
Strict
Moderate
Off
Any time
Any time
Past day
Past week
Past month
Past year
  1. manytools.org

    Apple-touch-icon generator - online tool to easily create apple-touch-icons for your site. ... The tool will output four png's, with dimensions of 57x57 (iPhone), 72x72 (iPad), 114x114 (iPhone Retina) and 144x144 (iPad Retina). These should be stored in your sites' home directory, unless the path is specified in the HTML using the below code ...
  2. Was this helpful?
  3. mediawiki.org

    Jan 15, 2025Apple's iPhone, iPod Touch and iPad devices have the ability to display an icon when you save a bookmark onto the home screen from Safari. This is somewhat similar to a favicon, but with larger sizes (57x57, 72x72, 114x114 and 144x144 pixels, depending on the device).. Safari Web Content Guide recommends to place a file named "apple-touch-icon.png" in your web site's document root directory ...
  4. gist.github.com

    # Favicon and Apple Touch Icon Generator # # This bash script takes an image as a parameter, and uses ImageMagick to convert it to several # other formats used on modern websites. The following copies are generated: # # * apple-touch-icon-114x114-precomposed.png # * apple-touch-icon-57x57-precomposed.png # * apple-touch-icon-72x72-precomposed.png
  5. Devices and bots are often searching for different versions of the Apple Touch Icon. Here is a quick slice of .htaccess to redirect all apple-icon requests to apple.png.. Instead of dealing with countless 404 errors for missing apple icons such as apple-touch-icon-precomposed.png and apple-touch-icon-72x72.png, upload a single apple.png file and then add this snippet to your site's root ...
  6. Was this helpful?
  7. getoutofmyhead.dev

    apple-touch-icons markup. Remove apple touch icons from your markup without losing the icons. An apple-touch-icon is an image used on iOS devices when a website is added to the homescreen. Different iOS devices display icons at different sizes, and so it's common to see something like this: Example from theguardian.co.uk. 830 bytes
  8. developer.apple.com

    To specify an icon for the entire website (every page on the website), place an icon file in PNG format in the root document folder called apple-touch-icon.png. To specify an icon for a single webpage or replace the website icon with a webpage-specific icon, add a link element to the webpage, as in:
  9. stackoverflow.com

    If no icons are specified using a link element, the website root directory is searched for icons with the apple-touch-icon or apple-touch-icon-precomposed prefix. For example, if the appropriate icon size for the device is 57 x 57, the system searches for filenames in the following order: apple-touch-icon-57x57-precomposed.png; apple-touch-icon ...
  10. Use Apple touch icon (apple-touch-icons)apple-touch-icons requires that at least one Apple touch icon is present and of a standard size.. Why is this important? Since iOS 1.1.3, Safari for iOS has supported a way for developers to specify an image that will be used to represent the web site or app on the home screen.The image is known as the touch icon.
  11. mathiasbynens.be

    apple-touch-icon-72x72-precomposed.png or apple-touch-icon-72x72.png for the iPad mini and the first- and second-generation iPad (@1× display) on iOS ≤ 6; apple-touch-icon-76x76-precomposed.png or apple-touch-icon-76x76.png for the iPad mini and the first- and second-generation iPad (@1× display) on iOS ≥ 7;
  12. Can’t find what you’re looking for?

    Help us improve DuckDuckGo searches with your feedback

  1. Minimalist solution - Recommended

    A common practice is to create a single 180x180 icon, which is the highest expected resolution, and let the iOS devices scale it down as needed. It is declared with:

    <link rel="apple-touch-icon" href="/path/to/apple-touch-icon.png">

    Exhaustive solution - Not recommended

    Apple specs specify new sizes for iOS7:

    • 60x60
    • 76x76
    • 120x120
    • 152x152

    And also for iOS8:

    • 180x180

    In addition, precomposed icons are deprecated.

    As a consequence, to support both new devices (running iOS7) and older (iOS6 and prior), the generic code is:

    <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">    
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">

    In addition, you should create a 180x180 picture named apple-touch-icon.png.

    Note that iOS looks for URL like /apple-touch-icon-76x76.png, if it does not find interesting stuff in the HTML code (a bit like what IE is doing with /favicon.ico). So it is important to keep the file names are they are above. It is also important to consider that Android/Chrome is also using these pictures.

    You might want to know that this favicon generator can create all these pictures at once. Full disclosure: I'm the author of this site.

    --philippe_b

    Was this helpful?
Custom date rangeX